@use "sass:math";
@import "@/uni.scss";

// ----- ----- search ----- -----

// ----- search-bar -----
$search-bar-width: 700rpx;
$search-bar-height: 64rpx;
$search-bar-margin-tb: 24rpx;
$search-bar-border-radius: math.div($search-bar-height, 2);

// ----- search-input -----
$search-input-width: 400rpx;
$search-input-height: 100rpx;
$search-input-font-size: 27rpx;
$search-input-left: $search-bar-border-radius;

// ----- search-split-line -----
$search-btn-split-line-left: -$search-bar-border-radius;
$search-btn-split-line-height: 28rpx;
$search-btn-split-line-bk-color: black;

// ----- search-btn -----
$search-btn-right: $search-bar-border-radius;
$search-btn-font-size: $search-input-font-size + 2;


// ----- ----- body ----- -----
$body-width: 750rpx;
$body-height: 100vh;
$body-border-radius: 30rpx 30rpx 0 0;

// ----- tag-title -----
$tag-title-width: 700rpx;
$tag-title-padding-top: 40rpx;
$tag-title-font-size: $app-font-title;

// ----- tag-container -----
$tag-container-padding: $tag-title-width;
$tag-container-padding-top: 30rpx;
$tag-container-font-size: $app-font-content; 

// ----- tag -----
$tag-height: 60rpx;
$tag-margin: math.div($app-padding, 2);
$tag-padding: 0 $app-padding;
$tag-border-radius: math.div($tag-height, 2);
$tag-font-color: #5e5f60;
$tag-bk-color: #f5f5f6;

